/* 全局配置 */
article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
    Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
    "Microsoft Yahei", sans-serif;
}

/* 树状选中名颜色 */
.is-current > .el-tree-node__content {
  color: var(--bg_color);

  i {
    color: var(--bg_color) !important;
  }
}

/* icon图样式加粗 */
[class*=" el-icon-"],
[class^="el-icon-"] {
  font-weight: bold;
}

/* 隐藏当input为number时的上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="Number"] {
  -moz-appearance: textfield;
}
body {
  margin: 0;
  padding: 0 !important;
}
// body {
//   > div:nth-of-type(2) {
//     position: fixed !important;
//   }
// }
.table {
  .tree {
    width: 200px;
    padding: 20px;
    border-right: 1px solid #e1e5ed;
    overflow: auto;
  }

  .tree::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .tree::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }

  .tree::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
  }

  .tree::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  .tree::-webkit-scrollbar-corner {
    background: $bg_color;
  }
  .el-link {
    i {
      font-size: 14px;
      color: $bg_color !important;
    }
  }

  .el-link:hover {
    color: $bg_color !important;
  }

  font-size: $font_size;

  .el-main {
    padding: 0;
    flex: 1;
    // display: flex;
  }

  .el-main::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .el-main::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }

  .el-main::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
  }

  .el-main::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  .el-main::-webkit-scrollbar-corner {
    background: #179a16;
  }

  .main_left {
    border-right: 1px solid #e1e5ed;
    min-height: 100%;
    max-height: 100%;
  }

  .main_right {
    height: 100%;
    overflow-y: auto;
  }

  .main_right::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .main_right::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }

  .main_right::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
  }

  .main_right::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  .main_right::-webkit-scrollbar-corner {
    background: #179a16;
  }

  .search {
    padding: 20px 20px 10px 20px;
  }

  .header_right {
    @include discen_al;
    padding: 0 20px;
    justify-content: space-between;

    // border-bottom: #e1e5ed 1px solid;
    .title {
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: bold;
    }
  }
  .card_bg {
    display: flex;
    flex-direction: column;
    .card {
      flex: 1;
    }
  }

  .card_nav {
    padding: 0 20px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .card_info {
    padding: 0 20px;
  }

  .card_bottom {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;

    .card_bottom_left {
      display: flex;
      align-items: center;
      font-size: $font_size;
    }
  }
}

/*
<div class="tabtop">
        <div v-for="item in navList" :key="item.id" @click="chooseNav(item.id)">
          <div :class="currenindex == item.id ? 'active' : 'text'">{{ item.value }}</div>
          <div v-if="currenindex !== index && currenindex !== index + 1 && index !== 3" class="hr"></div>
        </div>
      </div>
.tabtop{
	width:??px;
}
*/
.tabtop {
  display: flex;
  border: $bg_color 1px solid;
  border-radius: 4px;
  margin: 20px 20px 0 20px;

  > div {
    height: 40px;
    width: 190px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;

    .text {
      width: 188px;
      @include discen;
      line-height: 40px;
      color: $bg_color;
    }

    .active {
      width: 189px;
      @include discen;
      line-height: 40px;
      color: #ffffff;
      background: $bg_color;
      border-radius: 4px;
    }

    .hr {
      height: 20px;
      width: 2px;
      background: $bg_color;
    }
  }
}
/*
弹窗样式1
 <div class="dialoginfo-title-bg">
          <div class="dialoginfo-title">
            <div :class="PostrankModule == 0 ? 'active' : 'none'" @click="clickrankindex(0)">
              <div>职级配置</div>
            </div>
            <div :class="PostrankModule == 1 ? 'active' : 'none'" @click="clickrankindex(1)">
              <div>快捷职级配置</div>
            </div>
          </div>
        </div>

*/
.dialoginfo-title1 {
  display: flex;
  align-items: center;
  justify-content: center;
  > div {
    height: 48px;
    width: 190px;
    border: 1px solid $bg_color;
    font-weight: 400;
    font-size: calc(#{$font_size} + 2px);
    @include discen;
    .iconicon_right {
      margin: 0 8px;
    }
  }
  > div + div {
    border: 1px solid $bg_color;
    border-left-width: 0;
  }
  > div:first-child {
    border-radius: 4px 0 0 4px;
  }
  > div:last-child {
    border-radius: 0 4px 4px 0;
  }
  .active {
    background: $bg_color;
    color: #ffffff;
  }
  .none {
    color: $bg_color;
    background: #ffffff;
  }
}

/*
弹窗样式2
<div class="nav-one" style="min-height: 530px;">
					<div class="navone-nav">
						<template v-for="(item, index) in checknavlist">
							<div :class="checkindex == item.id ? 'active' : ''" @click="checkindex = item.id" :key="index">{{ item.name }}</div>
						</template>
					</div>
						<div class="navone-info"></div>
				</div>

*/

.nav-one {
  width: 100%;
  border: solid 1px #e1e5ed;

  .navone-nav {
    background-image: linear-gradient(0deg, #fafcff 0%, #f5f7fa 100%);
    height: 48px;
    display: flex;

    > div {
      @include discen;
      color: #000000;
      flex: 1;
      cursor: pointer;
    }

    .active {
      color: $bg_color;
      font-weight: bold;
      background-color: #ffffff;
      border-radius: 4px 4px 0px 0px;
    }
    .navone-nav-span {
      display: inline-block;
      height: 28px;
    }
    .navone-nav-span0 {
      border-bottom: 2px solid $bg_color;
    }
  }

  .navone-info {
    padding: 20px;
    max-height: calc(85vh - 262px);
    overflow: auto;
  }
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*弹窗翻页
*
* <div class="pagination">
*         <div class="top_page_totle">总共{{ total2 }}条</div>
*         <el-pagination
*           @current-change="getarr3()"
*          :current-page.sync="from3.page"
*         :page-size="from3.pageSize"
*          layout="prev, pager, next, jumper"
*          :total="total2"
*        ></el-pagination>
*      </div>
*/
.pagination {
  display: flex;
  align-items: center;
  padding-top: 15px;
}

/*滚动条统一样式*/
.scroll {
  overflow: auto;
}

.scroll::-webkit-scrollbar {
  width: 3px;
  height: 10px;
}

.scroll::-webkit-scrollbar-track {
  background: rgb(239, 239, 239);
  border-radius: 2px;
}

.scroll::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: #333;
}

.scroll::-webkit-scrollbar-corner {
  background: #179a16;
}
/*优化下拉菜单*/
.el-dropdown-menu__item {
  font-size: $font_size !important;
}
.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #f2f5f3 !important;
}
.el-dropdown-menu__item--divided:before {
  background-color: #f2f5f3 !important;
}
.el-dropdown-menu {
  // top: 53px !important;
  background: #f2f5f3 !important;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  color: $bg_color !important;
  background: $bg_colorTable !important;
}

/* 文本框 */
.el-textarea__inner:focus {
  outline: 0;
  border-color: $bg_color !important;
}

/* 边框阴影 */
.shadow {
  box-shadow: 0px 0px 6px rgba(0, 167, 84, 0.12);
}

/*时间选择框样式:background-color="bg_color" */
.el-date-table td.end-date span,
.el-date-table td.start-date span,
.el-date-table td.current:not(.disabled) span {
  background-color: $bg_color;
}

.el-date-table td.today span {
  color: $bg_color;
  font-weight: 700;
}

.el-checkbox__inner:hover {
  border-color: $bg_color;
}

/* 定义PC端高度100% */
html,
body,
#app,
.home,
.el-container {
  height: 100%;
}

/* 定义PC端最小宽度 */
body {
  margin: 0;
  padding: 0;
  min-width: 1440px;
  background: #f2f5f3 !important;
}

/* 定义非全屏内容时的内容区域 */
.content {
  width: 1440px;
  margin: 0 auto;
}

/* 三级页面公共样式 */
#container{
  margin: 13px 10px 4px 10px;
  width: 100%;
  overflow: hidden;
}
.pages_content {
  height: 100%;
  font-size: $font_size;
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 6px rgba(0, 167, 84, 0.12);
  .el-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7f9fc;
    height: 52px !important;
  }
  .header_right {
    height: 52px;
  }

  /* 三级页面线 */
  .hr {
    width: calc(100% - 40px);
    height: 1px;
    margin: 0 auto;
    background: #e1e5ed;
  }
}
/* 流程页面样式 */
.flows-content {
  height: 100%;
  font-size: $font_size;
  width: 100%;
  margin: 13px 10px 4px 10px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 6px rgba(0, 167, 84, 0.12);
  .el-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: 52px !important;
  }
  .header_right {
    height: 52px;
  }
}
.flow-title {
  margin: 20px 0 10px;
  font-size: calc(#{$font_size} + 8px);
  .el-input__inner {
    text-align: center;
    border: none;
    color: #000;
  }
}
.flow-title.el-input.is-disabled .el-input__inner {
  color: #000;
  background: #fff;
}
/* *
 * @Description: popover样式
 * @Param: 
 * @Author: wangwangwang */
.popover-container {
  .popover-list {
    padding: 7px 12px;
    cursor: pointer;
  }

  .popover-list:hover {
    background: #f5f7fa;
  }
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*翻页字体颜色*/
.el-pager li {
  font-size: 14px !important;
}

.el-pager li,
.el-pagination .btn-next,
.el-pagination .btn-prev {
  color: #666666;
}

.el-pager li.active {
  color: $bg_color;
}

.el-pager li:hover,
.el-pagination button:hover {
  color: #000;
}

/*弹窗*/
.el-dialog__headerbtn:hover .el-dialog__close {
  color: $bg_color;
}

.el-dialog__header {
  font-weight: bold;
  font-size: 18px;
  background: #f6f8fb;
  border-bottom: 1px #e1e5ed solid;
}

.el-dialog__body {
  padding: 20px;
}

.dialoginfo {
  //border: 1px #e1e5ed solid;
  padding: 20px 20px 0 20px;
}

.el-dialog__footer {
  text-align: center;
}

/*公共按钮样式
*.bottom_all[disabled] 禁用样式
*.bottom_all[disabled]:hover处理禁用悬浮时的样式问题
*.bottom_all.is-loading{
*	opacity: 1;
*	color: #ffffff;
*	background-color: $bg_color;
*	border: $bg_color 1px solid;
*}需要按钮loading时添加样式，不添加则和disabled的样式一致
*/
/*搜索，确认，保存，新增按钮样式（主题）*/
.el-button {
  font-size: 14px;
}
/**用于搜索查询，添加*/
.bottom_all {
  color: #ffffff !important;
  background-color: $bg_background1 !important;
  margin-left: 24px;
  border: $bg_background1 1px solid;
}
.bottom_all:focus {
  color: #ffffff !important;
  background-color: $bg_background1 !important;
  // margin-left: 24px;
  border: $bg_background1 1px solid;
}

.bottom_all:hover {
  opacity: 0.7;
}

.bottom_all:active {
  opacity: 1;
  color: #ffffff;
  background-color: $bg_background1;
  border: $bg_background1 1px solid;
}

.bottom_all[disabled] {
  opacity: 0.4;
}

.bottom_all[disabled]:hover {
  opacity: 0.4;
  color: #ffffff;
  background-color: $bg_background1;
  border: $bg_background1 1px solid;
}

/**用于穿梭框*/
.el-button:hover {
  color: $bg_color;
  border-color: $bg_background3;
  background-color: $bg_colorTable;
}

/*重置按钮样式（主题）*/
// .bottom_all_two,
// .bottom_all_two:focus {
//   background: #ffffff;
//   color: $bg_background1;
//   // margin-left: 24px;
//   border: $bg_background1 1px solid;
// }

// .bottom_all_two:hover {
//   color: #ffffff;
//   background-color: $bg_background1;
//   border: $bg_background1 1px solid;
// }

// .bottom_all_two:active {
//   color: #ffffff;
//   background-color: $bg_background1;
//   border: $bg_background1 1px solid;
//   opacity: 1;
//   box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
// }

// .bottom_all_two[disabled] {
//   opacity: 0.4;
// }

// .bottom_all_two[disabled]:hover {
//   background: #ffffff;
//   color: $bg_color;
//   border: $bg_color 1px solid;
//   opacity: 0.4;
// }
/**用于重置，刷新*/
.bottom_all_two,
.bottom_all_two:focus {
  color: $botton_color_one;
  border: $botton_color_one 1px solid;
}

.bottom_all_two:hover {
  color: #ffffff;
  background-color: $botton_color_one;
  border: $botton_color_one 1px solid;
}

.bottom_all_two:active {
  color: #ffffff;
  background-color: $botton_color_one;
  border: $botton_color_one 1px solid;
  opacity: 1;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
}

.el-button--primary {
    color: #ffffff !important;
    background-color: $bg_background1 !important;
    margin-left: 24px;
    border: $bg_background1 1px solid;
}

.bottom_all_two[disabled] {
  opacity: 0.4;
}

.bottom_all_two[disabled]:hover {
  background: #ffffff;
  color: $botton_color_one;
  border: $botton_color_one 1px solid;
  opacity: 0.4;
}

/*修改*/
/*更改删除弹窗样式*/
.el-message-box {
  font-weight: 800;
}

.el-message-box__header {
  position: relative;
  border-bottom: 1px #e1e5ed solid;
}

/*修改按钮*/
.bottom_one,
.bottom_one:focus {
  color: $botton_color_one;
  border: $botton_color_one 1px solid;
}

.bottom_one:hover {
  color: #ffffff;
  background-color: $botton_color_one;
  border: $botton_color_one 1px solid;
}

.bottom_one:active {
  color: #ffffff;
  background-color: $botton_color_one;
  border: $botton_color_one 1px solid;
  opacity: 1;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
}

.bottom_one[disabled] {
  opacity: 0.4;
}

.bottom_one[disabled]:hover {
  background: #ffffff;
  color: $botton_color_one;
  border: $botton_color_one 1px solid;
  opacity: 0.4;
}

/*删除按钮*/
.bottom_two,
.bottom_two:focus {
  background: #ffffff;
  color: $botton_color_two;
  border: $botton_color_two 1px solid;
}

.bottom_two:hover {
  color: #ffffff;
  background-color: $botton_color_two;
  border: $botton_color_two 1px solid;
}

.bottom_two:active {
  color: #ffffff;
  background-color: $botton_color_two;
  border: $botton_color_two 1px solid;
  opacity: 1;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
}

.bottom_two[disabled] {
  opacity: 0.4;
}

.bottom_two[disabled]:hover {
  background: #ffffff;
  color: $botton_color_two;
  border: $botton_color_two 1px solid;
  opacity: 0.4;
}

/*启用按钮*/
.bottom_three,
.bottom_three:focus {
  color: $botton_color_three;
  border: $botton_color_three 1px solid;
}

.bottom_three:hover {
  color: #ffffff;
  background-color: $botton_color_three;
  border: $botton_color_three 1px solid;
}

.bottom_three:active {
  color: #ffffff;
  background-color: $botton_color_three;
  border: $botton_color_three 1px solid;
  opacity: 1;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
}

.bottom_three[disabled] {
  opacity: 0.4;
}

.bottom_three[disabled]:hover {
  background: #ffffff;
  color: $botton_color_three;
  border: $botton_color_three 1px solid;
  opacity: 0.4;
}

/*禁用按钮*/
.bottom_four,
.bottom_four:focus {
  color: $botton_color_four;
  border: $botton_color_four 1px solid;
}

.bottom_four:hover {
  color: #ffffff;
  background-color: $botton_color_four;
  border: $botton_color_four 1px solid;
}

.bottom_four:active {
  color: #ffffff;
  background-color: $botton_color_four;
  border: $botton_color_four 1px solid;
  opacity: 1;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
}

.bottom_four[disabled] {
  opacity: 0.4;
}

.bottom_four[disabled]:hover {
  background: #ffffff;
  color: $botton_color_four;
  border: $botton_color_four 1px solid;
  opacity: 0.4;
}

/*移动，配置按钮*/
.botton_five,
.botton_five:focus {
  color: $botton_color_five;
  border: $botton_color_five 1px solid;
}

.botton_five:hover {
  color: #ffffff;
  background-color: $botton_color_five;
  border: $botton_color_five 1px solid;
}

.botton_five:active {
  color: #ffffff;
  background-color: $botton_color_five;
  border: $botton_color_five 1px solid;
  opacity: 1;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.3) inset;
}

.botton_five[disabled] {
  opacity: 0.4;
}

.botton_five[disabled]:hover {
  background: #ffffff;
  color: $botton_color_five;
  border: $botton_color_five 1px solid;
  opacity: 0.4;
}

/*文字按钮*/
.bottom_text,
.bottom_text:focus {
  color: $botton_color_one;
}

.bottom_text:hover {
  color: $botton_color_one;
  opacity: 0.8;
}

.bottom_text[disabled] {
  opacity: 0.4;
}

/*时间选择器*/
.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: $bg_color;
  color: $bg_color;
}

.el-picker-panel__footer .el-button--text {
  color: $bg_color;
}

.el-time-panel__btn.confirm {
  font-weight: 800;
  color: $bg_color;
}

/*输入框和select选择框的颜色全局处理*/
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: $bg_color;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: $bg_colorTable;
}

.el-select-dropdown__item.hover {
  color: $bg_color;
}

.el-select .el-input.is-focus .el-input__inner,
.el-input__inner:focus {
  border-color: $bg_colorTable !important;
  outline: 0;
}

.el-select-dropdown__item.selected {
  color: $bg_color !important;
}

.el-input--small .el-input__inner {
  height: 36px;
  line-height: 36px;
}

/*复选框全局设置（主题）*/
.is-checked .el-checkbox__inner.is-checked {
  background-color: $bg_color !important;
  border-color: $bg_color !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $bg_color !important;
  border-color: $bg_color !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000000;
}

/*单选框*/
.el-radio__input.is-checked + .el-radio__label {
  color: $bg_color;
}

.el-radio__inner:hover {
  border-color: $bg_color;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: $bg_color;
  background: $bg_color;
}

.is-checked .el-radio__inner {
  border-color: $bg_color;
  background: $bg_color;
}

.is-checked + .el-radio__label {
  color: $bg_color;
}
.file-container {
  display: flex;
  .file-list {
    width: 200px;
    height: 200px;
  }
}

/* *更改所有table的hover背景色 */
.hover-row > td {
  background: $bg_colorTable !important;
}
.el-table tbody tr:hover > td {
  background: $bg_colorTable !important;
}

.person-tag.el-tag .el-tag__close {
  color: #fff !important;
}
/**所有输入框，选择框的禁用样式*/
.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner,
.el-select .el-input.is-disabled .el-input__inner,
.el-range-editor.is-disabled,
.el-range-editor.is-disabled input {
  background-color: rgba($color: #f2f2f2, $alpha: 0.4);
  border-color: #dcdfe6;
  color: #38393c;
  cursor: default;
  .el-input-group__append {
    display: none;
  }
}
.el-tag.el-tag--info {
  color: #606266;
}
.ant-select-disabled .ant-select-selection {
  background-color: rgba($color: #f2f2f2, $alpha: 0.3) !important;
  border-color: #dcdfe6 !important;
}
.ant-select-disabled {
  color: #38393c !important;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #dcdfe6;
  cursor: default;
}

.el-menu .el-menu--inline > div {
  background: #f6fdf9;
}
.el-container > .el-header {
  background: linear-gradient(180deg, #fafcff 0%, #f5f7fa 100%);
}
.el-select .el-input.is-focus .el-input__inner,
.el-input__inner:focus {
  outline: 0 !important;
  border: 1px solid $bg_color !important;
  // box-shadow: 0px 0px 3px $bg_color;
}
.el-input--small .el-input__inner:focus,
.el-input--small .el-input__inner:hover {
  border-color: $bg_color;
}
.right-info-right .el-table {
  height: calc(100% - 56px);
  overflow: scroll;
}
.tree-line {
  .el-tree-node {
    position: relative;
    padding-left: 16px; // 缩进量
  }
  .el-tree-node__children {
    padding-left: 16px; // 缩进量
  }
  // 竖线
  .el-tree-node::before {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: -3px;
    top: -26px;
    border-width: 1px;
    border-left: 1px dashed #c8c9cc;
  }
  // 当前层最后一个节点的竖线高度固定
  .el-tree-node:last-child::before {
    height: 38px; // 可以自己调节到合适数值
  }

  // 横线
  .el-tree-node::after {
    content: "";
    width: 24px;
    height: 20px;
    position: absolute;
    left: -3px;
    top: 12px;
    border-width: 1px;
    border-top: 1px dashed #c8c9cc;
  }

  // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
  & > .el-tree-node::after {
    border-top: none;
  }
  & > .el-tree-node::before {
    border-left: none;
  }

  // 展开关闭的icon
  .el-tree-node__expand-icon {
    font-size: 16px;
    // 叶子节点（无子节点）
    &.is-leaf {
      color: transparent;
      // display: none; // 也可以去掉
    }
  }
}
.w-e-toolbar .w-e-active i {
  color: $bg_color !important;
}
.text_container.w-e-text-container {
  z-index: 3000 !important;
}
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus{
  background: transparent !important;
}
.hanlde-container .tree-line{
  display: inline-block;
}
.tree-line{
  padding-right: 10px;
}
.el-loading-spinner .el-loading-text{
  color: $bg_color;
}
.el-loading-spinner .path{
  stroke: $bg_color;
}
.delete-line{
  text-decoration:line-through;
}